<html>
	<head>
		<meta charset="utf-8">
		<title>同步课堂</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/mooc.css">
		<style>
			html,
			body {
				background-color: red1;
			}
			.mui-content{
				margin-top:0px;
			}
			.mui-scroll-wrapper{
			}
			.mui-table-view-cell.mui-media{height:65px;}
			.mui-table-view{margin-top:180px;}
			#coursesdiv > :first-child.mui-course{margin-top:40px;}
			#coursesdiv > .mui-course{margin-bottom:15px;}
			.mui-course{height:130px;overflow:hidden;margin:0 15px;border:1px solid #ddd;border-radius:10px;background-color:#fff;background-clip:padding-box}
		    .course-top{height:85px;color: #ffffff;}
		    .course-top.b1{background-color: #fda649;}
		    .course-top.b2{background-color: #7da1fd;}
		    .course-top.b3{background-color: #ff8873;}
		    .course-top.b4{background-color: #7adc70;}
		    .course-top .c1{height:65px;}
		    .course-top .c1{height:3px;}
		    .course-top .cmsg{position:absolute;float:left;margin-top:8px;margin-left:16px;font-size:15px;line-height:20px;width:250px;display:none;}
		    .course-top .cname{position:absolute;float:left;margin-top:25px;margin-left:16px;font-size:18px;line-height:20px;width:250px;}
		    .course-top .ctype{float:right;margin-top:27px;margin-right:10px;font-size:14px;}
		    .course-top .cuser{position:absolute;;margin-top:55px;margin-left:13px;}
		    .course-foot{height:40px;}
		    .course-foot .title{position:absolute;font-size: 18px;color:#757575;margin-top:10px;margin-left:16px;}
		    .navigate-right:after{float:right;content:'\e583';margin-top:10px;margin-right:10px;; font-size: 20px;font-family:Muiicons;color:#757575;}
		</style>
	</head>

	<body>
		<!--下拉刷新容器-->
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				 <div id="coursesdiv" >
				 	
			     </div>
			    </div>
		</div>
			<!--<ul class="mui-table-view" id="courseul">
			</ul> -->
			<!--
			<div class="mui-course">
				<div class="course-top">
					<div class="c1">
						      <span class="cmsg"><img src="../images/tip.png" />&nbsp;教师上传了计机械设计机械设计机</span> 
						      <span class="cname">机械设计机械设计机械设计机械设计机</span>  
						      <span class="ctype">机械机械</span>
			       </div>
			       <div class="c2">
			       	<span class="cuser"><img src="../images/tou.png" />&nbsp;胡老师</span>
			       </div>
				</div>
				<div class="course-foot">
					<span class="title">学习课程</span><span class="navigate-right"></span>
				</div>
			</div>-->
	</body>
	<script src="../js/mui.min.js"></script>
		<script src="../js/mui.pullToRefresh.js"></script>
		<script src="../js/mui.pullToRefresh.material.js"></script>
	<script src="../script/config.js"></script>
	<script src="../script/moocpublic.js"></script>
	<script src="../js/DMobileFrame_DownLoadUtil.js" ></script>
	<script src="script/courseindex.js"></script>
	
</html>